<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<title>jQuery 확장하기</title>
	<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript">
		$.reload = function(){
			location.replace(location.href);
		};
		$(function(){
			var progressbar = $( "#progressbar" ).progressbar({
				value: 0
			});
			var runReload = function() {
				var value = parseInt(progressbar.progressbar( "option", "value"));
				if (value < 100) {
					progressbar.progressbar( "option", "value", value + 1);
					setTimeout(runReload, 100);
				} else {
					$.reload();
				}
			}
			runReload();
		});
	</script>
</head>
<body>
	<h3>10초 후에 페이지를 새로 고침</h3>
	<div id="progressbar"></div>
</body>
</html>